<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title >检查</title>
    <style>
        div{
            display: inline-block;
        }
    </style>
</head>
<!-- 如果要删除图片，当该章节只有一张图片的时候，提示不能删除 -->
<body>
<div th:each="item,state:${imgList}">
    <img th:class="|i${idList[state.index]}|" th:comic="${idList[state.index]}"  height="500" th:src="${item}" />
</div>
</body>
<script src="/static/js/jquery.js"></script>
<script>
    $('img').click(function () {
        // 获取图片的 chapter 和 i 属性值
        var comic = $(this).attr('comic');
        var $this = $(".i"+comic);
        // 发送 POST 请求
        $.post('http://localhost/api/delete', {comicId:comic}, function (data) {
            $this.hide();
        });
    });
</script>
</html>
